<template>
  <div class="demo-collapse">
    
    <el-collapse v-model="activeName" accordion>
      <h2 style="text-align: center;">Full stack development</h2>
      <el-collapse-item title="Full stack development" name="1">
        <div>
          I have experience in full stack development, proficient in backend django, front-end nxut3/vue3 framework, and have independently developed and deployed multiple official website projects: demo1: Lin | Store (starbucket. xyz), demo2: Lin | Store (starbucket. xyz), demo3: https://www.starbuck.website These three are all demo projects that can be directly accessed through web pages.
        </div>
      </el-collapse-item>

    </el-collapse>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const activeName = ref('1')
</script>



<style scoped>
.el-collapse {
  --el-collapse-header-bg-color: none;
  --el-collapse-header-text-color: none;
  --el-collapse-content-bg-color: none;
  --el-collapse-content-text-color: none;
  --el-collapse-border-color: none;
  border-top: none;
  border-radius: 20px;
  padding: 0 40px;
}

</style>
